body {
	margin: 0;
}

a:hover {
	color: blue;
}

.navigation {
	margin: 0 auto;
	font-weight: bold;
	border-bottom: none;
	font-size: 1em;
	padding-left: 3%;
	padding-right: 3%;
}

.navigation li {
	padding-top: 2%;
}

.pic {
	margin: 0 auto;
	width: 86%;
}

.row p {
	margin-left: 5%;
	font-size: 1.5em;
	font-weight: bold;
}

.show {
	width: 100%;
	float: left;
	border: 1px solid silver;
	border-radius: 10px;
}

.list {
	height: 350px;
	width: 64%;
	float: left;
	margin-left: 1%;
	margin-top: 10px;
	border-radius: 5px;
}

.list img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.lists {
	width: 16%;
	float: left;
	margin-left: 1%;
}

.list-1,
.list-2,
.list-3 {
	height: 110px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.list-1 img,
.list-2 img,
.list-3 img,
.list-4 img {
	border: 1px solid silver;
	height: 100%;
	width: 100%;
	border-radius: 5px;
}

.continer {
	width: 85%;
}

.row {
	width: 100%;
}

.firstmenu {
	margin-bottom: 2%;
	width: 85%;
	margin: 0 auto;
}

.tab-content {
	margin: 0 auto;
	width: 86%;
}

.tab-content a {
	color: white;
	margin-top: 5%;
}

.search {
	margin-left: 3%;
	padding-top: 3%;
}

.col-md-3 input {
	margin: 10px 0 10px 5%;
	width: 85%;
}

.col-md-2 button {
	margin: 10px 0 10px 4%;
	width: 70%;
}

.hou-res {
	float: left;
	width: 90%;
	border: 1px solid silver;
	margin-left: 6%;
}

.res-1 {
	border-bottom: 1px solid silver;
	width: 100%;
	padding: 15px 0 15px 0;
}

.res-1 form {
	padding: 10px 0 20px 0
}

.res-1 form ul li {
	float: left;
	width: 25%;
	padding-left: 4%;
	font-size: 1.1em;
}

.introduce {
	border: 1px solid silver;
	width: 90%;
	margin-top: 15px;
	margin-left: 6%;
	float: left;
}

.information,
.facility,
.serve,
.detial {
	border-bottom: 1px solid silver;
	float: left;
	width: 100%;
}

.inf-l,
.fac-l,
.ser-l,
.det-l {
	width: 16%;
	font-size: 1.1em;
	float: left;
	padding-top: 13px;
	margin-left: 2%;
}

.inf-r,
.fac-r,
.ser-r,
.det-r {
	width: 82%;
	font-size: 1.1em;
	float: left;
	padding: 12px 0 10px 0;
}

.inf-r form ul li,
.fac-r form ul li,
.ser-r form ul li {
	float: left;
	margin-right: 4%;
}

.add {
	background: rgb(228, 143, 17);
	color: white;
	margin-top: 5%;
}

.caption p {
	color: #FF2832;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.thumbnail h5 {
	font-family: STSong;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.thumbnail a img {
	height: 200px;
}

.thumbnail {
	margin: 0 -5% 0 -5%;
}

.last {
	border-top: 2px solid silver;
	margin-top: 20px;
	padding-left: 40%;
	padding-top: 2%;
}

.btn-infor {
	color: white;
	background-color: #3385FF;
}

.btn-infor:hover {
	color: white;
	background: #317EF3;
}

.control-label {
	display: none;
}

.forminput {
	height: 4.2rem;
}

.inputName,
input[type="password"] {
	text-indent: 2.3rem;
	font-weight: normal;
	color: black;
	background: url(../img/login-sprite.png) no-repeat white;
	background-position: 2% 10%;
}

input[type="password"] {
	background-position: 2% 90%;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 430px;
		margin: 30px auto;
	}
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	padding: 2rem 3rem;
}